*{
    margin: 0;padding: 0;
}
body{
    background: #FFFFFF;
}
.area-clear{
        background: url(../img/bgy1.png) repeat-y top left;
        width: 980px;
        margin: 0 auto;
        .left{
            width: 140px;
            text-align: left;
            padding: 10px 0 20px;
            min-height: 500px;
            height: auto;
            background: #EBEBEB;
            display: inline;
            float: left;
            .sidePanel_user_rank{
                    margin: 10px 0;
                    dt{
                        font-weight: 700;
                        padding-left: 30px;
                        line-height: 20px;
                        color: #333;
                        font-size: 12px;
                        width: 100px;
                        word-break: break-all;
                        a{
                            color: #333;
                            text-decoration: none;
                            display: inline-block;
                            width: 16px;
                            height: 12px;
                            background: url(../img/hb_1.png) no-repeat -29px -124px;
                            vertical-align: middle;
                            margin: -2px 5px 0;
                        }
                    }
                    .hr{
                        border-bottom: 1px dotted #d6d6d6;
                        margin: 5px 10px 0 30px;
                    }
            }
            h3{
                font: 14px/28px "微软雅黑";
                color: #E02F2F;
                padding-left: 30px;
            }
            ul{
               margin-bottom: 10px;
               li{
                    height: 28px;
                    list-style: none;
                    line-height: 28px;
                    &:hover{
                        background: #fff;
                    }
                    a{
                        color: gray;
                        font: 12px '微软雅黑';
                        display: block;
                        cursor: pointer;
                        text-decoration: none;
                        border-left: 2px solid #ebebeb;
                        padding-left: 28px;
                    }
               }
            }
            ul{
                .cur{
                    height: 28px;
                    line-height: 28px;
                    list-style: none;
                    a{
                       color: gray;
                        border-left-color: #bababa;
                        background: #fff;
                        text-decoration: none;
                        display: block;
                        outline: 0;
                        border-left: 2px solid #ebebeb;
                        padding-left: 28px; 
                    }    
                }
            }
        }
        .right{
            width: 810px;
            text-align: left;
            padding-bottom: 30px;
            float: right;
            .myorder_ad{
                width: 810px;
                overflow: hidden;
                font-size: 0;
            }
            .bread{
                    color: #999;
                    line-height: 30px;
                    padding-top: 10px;
                    .r{
                       color: #e01914;
                       float: right;
                       display: inline;
                       b{
                          font-weight: 700;
                          color: #e01914;
                       }
                    }
            }
            .update-tips{
                background: #fff9e6;
                text-align: left;
                padding-left: 30px;
                padding: 8px 15px;
                margin-top: 20px;
                color: #ec6060;
                border: 1px solid #e9e9e9;
                line-height: 22px;
                margin-bottom: 10px;
                p{
                   font: 12px '微软雅黑';
                   .gfails3{
                        margin-left: -20px;
                        float: left;
                        margin-top: 3px;
                        display: inline-block;
                        vertical-align: middle;
                        background-position: 0 -129px;
                        background: url(../img/hb_1.png) 180px 23px;
                        width: 16px;
                        height: 17px;
                        margin-right: 4px;
                        overflow: hidden;
                   }  
                   strong{
                        
                        font-weight: 700;
                   } 
                   a{
                        //font: 12px '微软雅黑';
                        color: #09c;
                        text-decoration: underline;
                   }                    
                }
            }
            .navhd{
                border-bottom: 2px solid #d3d3d3;
                width: 810px;
                text-align: right;
                line-height: 40px;
                color: #e01914;
                float: left;
                position: relative;
                .l{
                    width: 810px;
                    display: inline;
                    float: left;
                    .recycled{
                        float: right;
                        position: relative;
                        font: 12px/40px "宋体";
                        width: 114px;
                        padding: 0;
                        a{
                           padding: 0 15px;
                            width: 84px;
                            color: #666;
                            text-decoration: none;
                            cursor: pointer;
                            display: inline-block;
                            em{
                                width: 12px;
                                height: 12px;
                                float: left;
                                background: url(../img/hb_1.png) no-repeat -99px -53px;
                                margin-top: 13px;
                                margin-right: 4px;
                                display: inline;
                            }
                        }
                        i{
                            position: absolute;
                            bottom: -2px;
                            left: 0;
                            height: 2px;
                            overflow: hidden;
                            font: 0/0 '';
                            background: #d3d3d3;
                            width: 100%;
                        }
                    }
                    .all{
                        position: relative;
                        font: 700 14px/40px "宋体";
                        padding: 0 11px;
                        float: left;
                        a{
                           text-decoration: none;
                           cursor: pointer;
                           color: #e01914;
                           i{
                                position: absolute;
                                bottom: -2px;
                                left: 0;
                                height: 2px;
                                overflow: hidden;
                                font: 0/0 '';
                                background: #e01914;
                                width: 100%;
                           }
                        }
                    }
                    .line{
                        width: 1px;
                        overflow: hidden;
                        background: #ccc;
                        height: 14px;
                        margin-top: 14px;
                        padding: 0;
                        position: relative;
                        font: 700 14px/40px "宋体";
                        float: left;
                    }
                    span{
                        position: relative;
                        font: 700 14px/40px "宋体";
                        padding: 0 11px;
                        float: left;
                        a{
                            color: #666;
                            cursor: pointer;
                            text-decoration: none;
                            .noPayCount{
                                    color: #e20000;
                                    text-decoration: none;
                                    margin: 0 4px;
                                    display: inline-block;
                                    cursor: pointer;
                            }
                        }
                        i{
                            position: absolute;
                            bottom: -2px;
                            left: 0;
                            height: 2px;
                            overflow: hidden;
                            font: 0/0 '';
                            background: #d3d3d3;
                            width: 100%;
                        }
                    }
                    .taobao_tsInfo{
                           position: absolute;
                            right: 0;
                            text-decoration: none;
                            bottom: -38px;
                            color: #666;
                            font: 14px/22px "微软雅黑";
                            width: 204px;
                            cursor: pointer;
                            z-index: 9;
                    }
                }
            }
            form{
                .order_search{
                        width: 100%;
                        float: left;
                        margin: 10px 0;
                        position: relative;
                        .txt{
                            vertical-align: middle;
                            font-size: 14px;
                            width: 280px;
                            float: left;
                            background: #fff none repeat scroll 0 0;
                            border: 1px solid #e1e1e1;
                            color: #999;
                            font-family: "微软雅黑";
                            height: 20px;
                            line-height: 20px;
                            padding: 5px 0 5px 10px;
                        }
                        .mr_txt{
                                width: 280px;
                                color: #999;
                                font-family: "微软雅黑";
                                height: 20px;
                                line-height: 20px;
                                padding: 5px 0 5px 10px;
                                position: absolute;
                                top: 1px;
                                left: 1px;
                        }
                        .sub{
                                background-color: #f5f5f5;
                                color: #666;
                                cursor: pointer;
                                float: left;
                                font: 14px "微软雅黑";
                                height: 32px;
                                width: 90px;
                                line-height: 30px;
                                text-align: center;
                                padding: 0;
                                vertical-align: middle;
                                border: 1px solid #e1e1e1;
                        }
                }
            }
            form{
                .title{
                    height: 20px;
                    line-height: 20px;
                    padding: 9px 0 15px;
                    width: 810px;
                    float: left;
                    p{
                      font: 12px '微软雅黑';
                    }
                    .s1{
                        float: left;
                        text-align: center;
                        font-weight: 700;
                        width: 250px;
                    }
                    .s2{
                        float: left;
                        text-align: center;
                        font-weight: 700;
                        width: 60px;
                    }
                    .s3{
                        float: left;
                        width: 60px;
                        text-align: center;
                        font-weight: 700;
                    }
                    .s7{
                        float: left;
                        text-align: center;
                        font-weight: 700;
                        width: 110px;
                    }
                    .s4{
                        float: left;
                        width: 110px;
                        text-align: center;
                        font-weight: 700;
                    }
                    .s5{
                        width: 130px;
                        float: left;
                        text-align: center;
                        font-weight: 700;
                    }
                    .s6{
                        width: 90px;
                        float: left;
                        text-align: center;
                        font-weight: 700;
                    }
                }
                .outlink{
                    .lists{
                        margin-bottom: 15px;
                        border-collapse: collapse;
                        border-spacing: 0;
                        width: 100%;
                        border: 1px solid #e1e1e1;
                        line-height: 22px;
                        float: left;
                        font-size: 12px;
                        tbody{
                            .hd{
                                background: #f5f5f5;
                                .kjs{
                                    
                                    padding: 10px;
                                    position: relative;
                                    text-align: center;
                                    font-size: 12px;
                                    word-wrap: break-word;
                                    word-break: break-all;
                                    border-bottom: 1px solid #e1e1e1;
                                    vertical-align: top;
                                    .ord_title{
                                        
                                            display: inline;
                                            text-align: left;
                                            width: 100%;
                                            .r{
                                                width: 980px;
                                                margin-top: 1px;
                                                float: right;
                                                a{
                                                    width: 12px;
                                                    height: 12px;
                                                    background: url(../img/hb_1.png) no-repeat -99px -53px;
                                                    float: left;
                                                    cursor: pointer;
                                                    margin-top: 5px;
                                                    color: #333;
                                                    text-decoration: none;
                                                }
                                            }
                                            strong{
                                                margin-right: 20px;
                                                color: #333;
                                                font-weight: 700;
                                                width: 66px;
                                                float: inherit;
                                            }
                                            span{
                                                width: 139px;
                                                height: 17px;
                                                i{
                                                  font-style: normal;
                                                }
                                            }
                                            .b_shangjia{
                                                    margin: 0 20px;
                                                    a{
                                                        color: #333;
                                                        cursor: pointer;
                                                        text-decoration: none;
                                                        i{
                                                            background: url(../img/pro_y2.png) no-repeat -70px -95px;
                                                            width: 18px;
                                                            height: 14px;
                                                            display: inline-block;
                                                            position: relative;
                                                            top: 2px;
                                                            cursor: pointer;
                                                            font-style: normal;
                                                        }
                                                    }
                                            }
                                            
                                    }
                                }
                            }
                            tr{
                                .b_products{
                                        padding: 10px 10px 10px 110px;
                                        width: 140px;
                                        text-align: left;
                                        position: relative;
                                        border-bottom: 1px solid #e1e1e1;
                                        vertical-align: top;
                                        word-wrap: break-word;
                                        font-size: 12px;
                                        a{
                                            color: #333;
                                            cursor: pointer;
                                            text-decoration: none;
                                            img{
                                                float: left;
                                                margin-left: -100px;
                                                margin-top: 4px;
                                                cursor: pointer;
                                                vertical-align: middle;
                                                display: inline-block;
                                            }
                                        }
                                        h3{
                                            height: 40px;
                                            overflow: hidden;
                                            line-height: 20px;
                                            margin-bottom: 4px;
                                            position: relative;
                                            margin: 0;
                                            padding: 0;
                                            font-size: 12px;
                                            font-weight: 400;
                                            a{
                                                color: #666;
                                                font: 12px '微软雅黑';
                                                cursor: pointer;
                                                text-decoration: none;
                                                &:hover{
                                                    color: #428bca;
                                                    text-decoration: underline;
                                                }
                                            }
                                        }
                                        p{
                                          color: #999;
                                          font-family: 12px "微软雅黑";
                                        }
                                }
                                .b_price{
                                    position: relative;
                                    text-align: center;
                                    padding:10px 0;
                                    word-wrap: break-word;
                                    word-break: break-all;
                                    border-bottom: 1px solid #e1e1e1;
                                    vertical-align: top;
                                    padding: 10px 0;
                                    width: 60px;
                                    border-color: #cfcfcf;
                                    del{
                                        display: block;
                                    }
                                    span{
                                            color: #666;
                                    }
                                }
                                .b_quantity{
                                        position: relative;
                                        text-align: center;
                                        padding:10px 0;
                                        word-wrap: break-word;
                                        word-break: break-all;
                                        border-bottom: 1px solid #e1e1e1;
                                        vertical-align: top;
                                        width: 60px;
                                        border-color: #cfcfcf;
                                        text-align: center;
                                }
                                .b_shangpcz{
                                        width: 110px;
                                        border-color: #cfcfcf;
                                        position: relative;
                                        text-align: center;
                                        padding:10px 0;
                                        word-wrap: break-word;
                                        word-break: break-all;
                                        border-bottom: 1px solid #e1e1e1;
                                        vertical-align: top;
                                        .b_operate{
                                            width: 110px;
                                            position: relative;
                                            .operate1{
                                                display: block;
                                                padding-top: 3px;
                                            }
                                        }
                                        .closeright{
                                            vertical-align: middle;
                                            font-size: 12px;
                                            font-family: sans-serif;
                                            line-height: normal;
                                        }.closerightdate{
                                            
                                        }
                                }
                                .b_payment{
                                    position: relative;
                                    text-align: center;
                                    padding:10px 0;
                                    word-wrap: break-word;
                                    word-break: break-all;
                                    border-bottom: 1px solid #e1e1e1;
                                    vertical-align: top;
                                    width: 109px;
                                    border-left: 1px solid #e1e1e1;
                                    .status1{
                                            position: relative;
                                            float: left;
                                            width: 100%;
                                            b{
                                              font-weight: 700;
                                              color: #333;
                                              .icon{
                                                        width: 16px;
                                                        height: 16px;
                                                        background: url(../img/hb_1.png) no-repeat -3px -19px;
                                                        display: inline-block!important;
                                                        vertical-align: middle;
                                                        font-style: normal;
                                              }
                                            }
                                            .tips{
                                                    width: 155px;
                                                    left: -35px;
                                                    bottom: 55px;
                                                    top: auto;
                                                    border: 1px solid #b1b1b1;
                                                    position: absolute;
                                                    padding: 10px 15px;
                                                    background: #fff;
                                                    border-radius: 10px;
                                                    display: none;
                                                    box-shadow: 0 0 7px #D5D5D5;
                                                    .info{
                                                        text-align: left;
                                                        width: 100%;
                                                        sup{
                                                            background-position: 0 -14px;
                                                            bottom: -14px;
                                                            height: 14px;
                                                            right: 70px;
                                                            top: auto;
                                                            width: 27px;
                                                            overflow: hidden;
                                                            font: 0/0 '';
                                                            position: absolute;
                                                            background: url(../img/icon6.png) -14px 0 no-repeat;
                                                        }
                                                        dl{
                                                            dt{
                                                                width: 75px;
                                                                float: left;
                                                                text-align: right;
                                                                height: 22px;
                                                                overflow: hidden;
                                                            }
                                                            dd{
                                                                width: 80px;
                                                                float: left;
                                                                height: 22px;
                                                                overflow: hidden;
                                                            }
                                                        }
                                                    }
                                            }
                                    }
                                }
                                .b_status{
                                        position: relative;
                                        text-align: center;
                                        padding:10px 0;
                                        word-wrap: break-word;
                                        word-break: break-all;
                                        border-bottom: 1px solid #e1e1e1;
                                        vertical-align: top;
                                        width: 129px;
                                        border-left: 1px solid #e1e1e1;
                                        .status1{
                                                position: relative;
                                                float: left;
                                                width: 100%;
                                                i{
                                                    color: #333;
                                                    font-style: normal;
                                                   i{
                                                       width: 16px;
                                                        height: 16px;
                                                        background: url(../img/hb_1.png) no-repeat -3px -19px;
                                                        display: inline-block!important;
                                                        vertical-align: middle;
                                                        font-style: normal;
                                                   } 
                                                }
                                        }
                                        .tips{
                                            display: none;
                                            
                                        }
                                }
                                .bl{
                                    position: relative;
                                    text-align: center;
                                    word-wrap: break-word;
                                    word-break: break-all;
                                    border-bottom: 1px solid #e1e1e1;
                                    vertical-align: top;
                                    padding: 10px 0;
                                    border-left: 1px solid #e1e1e1;
                                    font-size: 12px;
                                    .b_operate{
                                            width: 89px;
                                             position: relative;
                                    }
                                }
                            }
                            .freight_card{
                                .b_products{
                                    text-align: left;
                                    padding: 10px;
                                    width: 140px;
                                    word-wrap: break-word;
                                    position: relative;
                                    word-break: break-all;
                                    border-bottom: 1px solid #e1e1e1;
                                    vertical-align: top;
                                    a{
                                       color: #428bca;
                                       cursor: pointer;
                                       .icon-bt{
                                               background: url(../img/hb_1.png) -99px -93px;
                                                width: 16px;
                                                height: 14px;
                                                float: left;
                                                margin-top: 3px;
                                                margin-right: 5px;
                                                cursor: pointer;
                                                font-style: normal;
                                       }
                                    }
                                }
                            }
                        }
                    }
                }
                .list_page{
                        text-align: right;
                        padding: 0;
                        width: 100%;
                        float: left;
                        font-family: Arial;
                        .selected{
                                display: inline-block;
                                height: 24px;
                                line-height: 24px;
                                margin: 0 2px;
                                padding: 0 8px;
                                background: 0 0;
                                color: #b5b5b5;
                        }
                        span{
                            background: #e02f2f;
                            color: #fff;
                            display: inline-block;
                            height: 24px;
                            line-height: 24px;
                            margin: 0 2px;
                            padding: 0 8px;
                        }
                        .selected{
                                display: inline-block;
                                height: 24px;
                                line-height: 24px;
                                margin: 0 2px;
                                padding: 0 8px;
                                background: 0 0;
                                color: #b5b5b5;
                        }
                        .text{
                            width: 36px;
                            height: 22px;
                            line-height: 22px;
                            border: 1px solid #dedede;
                            text-indent: 5px;
                            color: #666;
                            margin: 0 3px;
                            font-size: 12px;
                            vertical-align: middle;
                        }
                        a{
                            display: inline-block;
                            height: 24px;
                            font-family: 12px "微软雅黑";
                            line-height: 24px;
                            margin: 0 2px;
                            padding: 0 8px;
                            text-align: center;
                            vertical-align: middle;
                            cursor: pointer;
                            color: #333;
                            text-decoration: none;
                        }
                }
                
            }
            .tuijp{
                    width: 810px;
                    border-bottom: 1px solid #e5e5e5;
                    padding-bottom: 14px;
                    float: left;
                    display: block;
                    h2{
                        font-size: 14px;
                        line-height: 40px;
                        font-weight: 700;
                        text-align: left;
                        color: #666;
                        font: 12px '微软雅黑';
                        padding-top: 10px;
                    }
                    ul{
                        width: 900px;
                        float: left;
                        margin: 0 -11px;
                        overflow: hidden;
                        li{
                            width: 180px;
                            float: left;
                            margin: 0 14px 10px;
                            border: 1px solid #bbb;
                            height: 230px;
                            list-style: none;
                            &:hover{
                                border: 1px solid #eb1610;
                            }
                            a{
                                color: #333;
                                text-decoration: none;
                                cursor: pointer;
                                text-decoration: none;
                            }
                            p{
                                height: 27px;
                                line-height: 27px;
                                overflow: hidden;
                                padding: 0 10px;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                a{
                                    color: #666;
                                    cursor: pointer;  
                                    text-decoration: none;
                                    &:hover{
                                       text-decoration: underline; 
                                    }
                                }
                            }
                            span{
                                    color: #fd4600;
                                    float: left;
                                    margin-left: 10px;  
                                    i{
                                       margin-right: 2px;
                                       font-style: normal;
                                    }
                            }
                            em{
                                color: #999;
                                float: right;
                                margin-right: 10px;
                                font-style: normal;
                                font-family: 12px "微软雅黑";
                            }
                        }
                    }
                }
        }
}
